<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script src="../vue.js" charset="utf-8"></script>
      </head>
      <body>
        <div id="demo">
            {{message}}
            <componet-a abc="123" config="abc"></componet-a>
        </div>
      </body>
      <script type="text/javascript">
        var CompontA = {
                functional: true,
                props: [ 'config' ],
                render: function (_c, context) {
                    context.parent._data.abc=2;
                    context.parent._data.message=2;
                    return _c('a',{
                        domProps: {
                            href:'javascript:;',
                            innerHTML: 'click'
                        },
                        on: {
                            click: ()=>{
                                console.log('assdf')
                                context.parent._data.abc=3;
                            }
                        }
                    });
                }
        };
        var vm = new Vue({
            el:"#demo",
            data:{
                message:1,
                abc: 0
            },
            methods:{

            },
            watch:{
                abc(val){
                    console.log(val);
                }
            },
            beforeUpdate () {
                this.updateCount++;
                console.log('updated',this.updateCount);
            },
            created () {
                this.updateCount = 1;
            },
            components : {
                'componet-a' : CompontA
            }
        });
    </script>
</html>